<template>
    <view class="empty">
        <u-empty
            text="暂无学习课程~"
            :src="'/static/images/empty/course.png'"
            :icon-size="300"
            color="#888888"
        >
            <template #bottom>
                <view class="empty-bottom">
                    <u-button
                        @click="goHome"
                        shape="circle"
                        :ripple="true"
                        :hair-line="false"
                        type="primary"
                    >
                        去看看其它</u-button
                    >
                </view>
            </template>
        </u-empty>
    </view>
</template>

<script setup lang="ts">
const goHome = () => {
    uni.navigateTo({ url: '../index/index' })
}
</script>

<style lang="scss" scoped>
// 课程为空 或 为登陆时
.empty {
    padding-top: 200rpx;
    .empty-bottom {
        width: 460rpx;
        margin-top: 130rpx;
    }
}
</style>
